<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>用户信息</title>
    <link rel="stylesheet" href="../lib/layui/css/layui.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="css/user-info.css">
</head>
<body>
<div class="layui-card">
    <div class="layui-card-header">
        <h2>我的信息</h2>
    </div>
    <div class="layui-card-body">
        <form class="layui-form" action="#" id="form-user-info" method="post">
            <div class="layui-form-item">
                <label class="layui-form-label">账户名</label>
                <div class="layui-input-inline">
                    <input type="text" name="name" required lay-verify="required" placeholder="账户名"
                           autocomplete="off"
                           class="layui-input"
                           id="input-name">
                </div>
                <div class="layui-form-mid layui-word-aux"></div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">Email</label>
                <div class="layui-input-inline">
                    <input type="text" name="email" placeholder="Email"
                           autocomplete="off"
                           class="layui-input"
                           id="input-email">
                </div>
                <div class="layui-form-mid layui-word-aux"></div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">手机号</label>
                <div class="layui-input-inline">
                    <input type="text" name="mobileNumber" placeholder="手机号"
                           autocomplete="off"
                           class="layui-input" id="input-mobile-number">
                </div>
                <div class="layui-form-mid layui-word-aux"></div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">座机号</label>
                <div class="layui-input-inline">
                    <input type="text" name="phoneNumber" placeholder="座机号"
                           autocomplete="off"
                           class="layui-input" id="input-phone-number">
                </div>
                <div class="layui-form-mid layui-word-aux"></div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">性别</label>
                <div class="layui-input-block">
                    <input type="radio" name="gender" value="1" class="radio-gender" title="男" id="radio-gender-male">
                    <input type="radio" name="gender" value="2" class="radio-gender" title="女" id="radio-gender-female">
                    <input type="radio" name="gender" value="0" class="radio-gender" title="保密"
                           id="radio-gender-unknown">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">从事行业</label>
                <div class="layui-input-inline">
                    <select name="industry" id="selector-industry" lay-search>
                        <option value="">请选择</option>
                        <option>物流货运</option>
                        <option>材积量方</option>
                        <option>家居装修</option>
                        <option disabled>其他请直接填写</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">省</label>
                <div class="layui-input-inline">
                    <select name="province" id="selector-province" lay-ignore>
                    </select>
                </div>
                <label class="layui-form-label">市</label>
                <div class="layui-input-inline">
                    <select name="city" id="selector-city" lay-ignore>
                    </select>
                </div>
                <label class="layui-form-label">区/县</label>
                <div class="layui-input-inline">
                    <select name="district" id="selector-district" lay-ignore>
                    </select>
                </div>
                <div class="layui-form-mid layui-word-aux"></div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">地址</label>
                <div class="layui-input-block">
                    <input type="text" name="address" placeholder="您的详细地址"
                           autocomplete="off" class="layui-input" id="input-address">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="formDemo">保存</button>
                </div>
            </div>
        </form>
    </div>
</div>
<script src="../lib/jquery/jquery-2.2.4.min.js"></script>
<script src="../lib/layui/layui.js"></script>
<script src="../js/address.js"></script>
<script src="js/user-info.js"></script>
</body>
</html>